div{
    margin: 10px;
    padding: 5px;
    font-size: 12px;
    line-height: 25px;
}
/*
    绝对定位：position: absolute;
        没有父元素定位：相对于浏览器进行偏移
        有父元素定位： 相对于父元素定位
        新定位后，原来的位置不保留，其他元素会相应的移动
*/
#father{
    border: lightcoral 1px solid;
    padding: 0;
    position: relative;
}

#first{
    border: #0093E9 1px dashed;
    background: hotpink;
    position: absolute;
    top: 50px;
}

#second{
    border: greenyellow 1px dashed;
    background: antiquewhite;
}

#third{
    border: aquamarine 1px dashed;
    background: chocolate;
}

body{
    padding: 20px;
}